<template>
  <div class = "nav-tag">
      <span v-for = "item in props.navTagList" :key = "item">
      {{ item }}
      </span>
  </div>

</template>

<script setup>
const props = defineProps({
  navTagList: Array
})
</script>

<style lang = "less" scoped>
.nav-tag {


  > span {
    font-size: 8px;
    color: #475669;
    padding: 0 20px;
    opacity: .7;
    cursor: pointer;


    &:hover {
      font-weight: 500;
      opacity: 1;
    }
  }
}

</style>